<!-- PAGE CONTENT WRAPPER -->
<div class="page-content-wrap">

    <div class="row">
        <div class="col-md-12">
            <!--查询条件-->
            <form class="form-horizontal" ng-show="showMoreSearch">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title"><strong>{{'查询' | dyLanguage}}</strong></h3>
                        <ul class="panel-controls">
                            <li><a href="javascript:void(0)" class="panel-remove"><span class="fa fa-times"></span></a></li>
                        </ul>
                    </div>
                    <div class="panel-body">
                        <div class="row">

                            <div class="col-md-6">

                                <div class="form-group">
                                    <label class="col-md-3 control-label">{{'地图名称' | dyLanguage}}</label>
                                    <div class="col-md-9">
                                        <div class="input-group">
                                            <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                            <input type="text" class="form-control" ng-model="queryPara.name" ng-keydown="onQueryKeyDown()"/>
                                        </div>
                                        <span class="help-block">请输入学习地图创建的最晚时间</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">

                                <div class="form-group">
                                    <label class="col-md-3 control-label">{{'开始时间' | dyLanguage}}</label>
                                    <div class="col-md-9">
                                        <div class="input-group">
                                            <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
                                            <input type="text" class="form-control datepicker" cm-datepicker ng-model="queryPara.from">
                                        </div>
                                        <span class="help-block">请输入学习地图创建的最晚时间</span>
                                    </div>
                                </div>

                            </div>

                            <div class="col-md-6">

                                <div class="form-group">
                                    <label class="col-md-3 control-label">{{'结束时间' | dyLanguage}}</label>
                                    <div class="col-md-9">
                                        <div class="input-group">
                                            <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
                                            <input type="text" class="form-control datepicker" cm-datepicker ng-model="queryPara.to">
                                        </div>
                                        <span class="help-block">请输入学习地图创建的最晚时间</span>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="panel-footer" style="text-align: center;">
                        <button class="btn btn-primary" ng-click="query(1)"><i class="fa fa-search"></i>{{'过滤' | dyLanguage}}</button>
                    </div>
                </div>
            </form>
            <!--end 查询条件-->

            <!-- START TABLE HOVER ROWS -->
            <div class="panel panel-default">
                <div class="panel-heading x-navigation x-navigation-horizontal x-navigation-panel">
                    <div class="panel-title-box" style="width: 30%">
                        <h3 class="panel-title"><strong>{{'查询结果：' | dyLanguage}}</strong></h3>
                    </div>
                    <div class="search-div">
                        <ul class="panel-controls panel-controls-title">
                            <li class="top-panel-controls">
                                <button ng-show="!showMoreSearch" class="btn btn-primary" ng-click="showMoreSearchFun(true)"><i class="fa fa-search"></i>{{'更多筛选' | dyLanguage}}</button>
                                <button ng-show="showMoreSearch" class="btn btn-primary" ng-click="showMoreSearchFun(false)"><i class="fa fa-eye"></i>{{'隐藏更多筛选' | dyLanguage}}</button>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--<div class="panel-body" style="top: 250px; width: 600px; -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);">-->
                    <!--<div id="learning-map-report">-->
                        <!--<svg></svg>-->
                    <!--</div>-->
                <!--</div>-->
                <div class="row">

                    <div class="col-md-6">
                        <div id="report_1" style="width: 100%;height:500px;"></div>
                    </div>

                    <div class="col-md-6">
                        <div id="report_2" style="width: 100%;height:500px;"></div>
                    </div>
                </div>
                <!-- 为ECharts准备一个具备大小（宽高）的Dom -->


            </div>
            <!-- END TABLE HOVER ROWS -->

        </div>
    </div>

</div>
<!-- END PAGE CONTENT WRAPPER -->